<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/header.css" />
    <link rel="stylesheet" href="./css/footer.css" />
    <link rel="stylesheet" href="./css/main2.css">
    <style></style> 
  </head>
  <body>
    <header>
      <div class="nav">
        <div class="nav-left">
          <img
            src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/logo.png"
            alt="logo"
          />
          <div class="boundary"></div>
          <ul>
            <li>
              <a href="#"
                ><img src="./imgs/首页.svg" alt="首页" />首页<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">首页风格1</a></li>
                <li><a href="#">首页风格2</a></li>
                <li><a href="#">首页风格3</a></li>
                <li><a href="#">首页风格4</a></li>
                <li><a href="#">首页风格5</a></li>
                <li><a href="#">首页风格6</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/文章.svg" alt="文章展示" />文章展示<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">免费+下载</a></li>
                <li><a href="#">付费+折扣+下载</a></li>
                <li><a href="#">会员专属+下载</a></li>
                <li><a href="#">付费+查看隐藏内容</a></li>
                <li><a href="#">付费+视频播放</a></li>
                <li><a href="#">免费+视频播放</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/列表.svg" alt="列表展示" />列表展示<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">音视频列表（网格）</a></li>
                <li><a href="#">列表（3.2宽图）</a></li>
                <li><a href="#">网格（3.2宽图）</a></li>
                <li><a href="#">网格（3.4长图+遮罩标题）</a></li>
                <li><a href="#">网格（3.4长图）</a></li>
                <li><a href="#">网格（4.3宽图+遮罩标题）</a></li>
                <li><a href="#">网格（21:9宽图）</a></li>
                <li><a href="#">网格（6列）</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/咖啡.svg" alt="专题" />专题<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">优质资源推荐专题</a></li>
                <li><a href="#">精选UI资源推荐</a></li>
                <li><a href="#">常见wordpress文章推荐</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/砖石.svg" alt="VIP介绍" />VIP介绍<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">标签云</a></li>
                <li><a href="#">网址导航</a></li>
                <li><a href="#">普通页面</a></li>
                <li><a href="#">全宽页面</a></li>
                <li><a href="#">html页面</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img
                  src="./imgs/钱袋子.svg"
                  alt="获取本站主题"
                />获取本站主题</a
              >
            </li>
          </ul>
        </div>
        <div class="nav-right">
          <i
            ><a href="#"><img src="./imgs/太阳.svg" alt="太阳" /></a
          ></i>
          <i
            ><a href="#"><img src="./imgs/搜索 (1).svg" alt="搜索" /></a
          ></i>
          <i
            ><a href="#"><img src="./imgs/211铃铛-线性.svg" alt="铃铛" /></a
          ></i>
          <button><img src="./imgs/用户 头像.svg" alt="登录" />登录</button>
        </div>
      </div>
    </header>
    <main>
      <div class="main">
        <div class="main-left">
          <h2>Diamond kit 多用途UI 2.0</h2>
          <div class="nav">
            <div>
              <img
                src="https://assets.rizhuti.com/uploads/caiji/Diamond-kit-2.0.png"
                alt="图片"
              />
            </div>
            <div class="nav-in">
              <ul>
                <li>资源分类:手机应用</li>
                <li>浏览热度:(519)</li>
                <li>发布时间:2021-01-01</li>
                <li>最近更新:2021-01-01</li>
                <li>格式: TXT</li>
                <li>大小: 1KB</li>
                <li>来源: 站外采集</li>
              </ul>
              <ul>
                <li><div></div>普通用户:6金币</li>
                <li><div></div>VIP会员:6金币</li>
                <li><div></div>永久VIP:6金币</li>
              </ul>
              <div class="link">
                <button>
                  <img src="./imgs/钱包2.svg" alt="" />购买下载权限
                </button>
                <button>
                  <img src="./imgs/链接.svg" alt="">查看预览
                </button>
              </div>
            </div>
          </div>
          <ul class="button">
            <li><button><img src="imgs/文章 (1).svg" alt=""> 详细介绍</button></li>
            <li><button><img src="./imgs/常见问题／相关问题.svg" alt="">常见问题</button></li>
            <li><button><img src="./imgs/评论组,说话,讨论,留言.svg" alt="">评论建议</button></li>
          </ul>
          <div class="img">
            <a href="#"><img src="./imgs/image.png" alt="" /></a>
          </div>
            
          <div class="img">
            <img
              src="https://assets.rizhuti.com/uploads/caiji/Diamond-kit-2.0.png"
              alt=""
            />
          </div>
          <h3>概述</h3>
          <p>它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕</p>
          <h4>特点</h4>
          <ul>
            <li>55个移动界面</li>
            <li>11个热门类别</li>
            <li>组件库</li>
            <li>轻松编辑</li>
            <li>组织良好</li>
            <li>Google Font</li>
          </ul>
          <div class="entry">
            声明：本站所有文章为演示内容，如无特殊说明或标注，均为演示内容，无真实下载地址和资源地址，仅供参考，购买组件仅供功能体验。本站所使用主题购买地址为：www.ritheme.com
          </div>
          <a href="#" class="click">多用途</a>
          <a href="#" class="user"><img src="./imgs/用户 访客数.svg" alt="" />油条</a>
        </div>
        <div class="page">
          <a class="page-left">
            <img src="imgs/左箭头.svg" alt="" />
            <div class="one">
              <span>上一篇</span>
              <p>Clever-仪表盘UI套件</p>
            </div>
          </a>
          <a class="page-right">
            <div class="two">
              <span>下一篇</span>
              <p>Findlancer-自由职业者目录PSD模板</p>
            </div>
            <img src="imgs/右箭头.svg" alt="" />
          </a>
        </div>
        <div>
          <h3>相关文章</h3>
          <div class="boxs">
            <div class="box">
              <span>VIP</span>
              <a href="#"></a>
              <div class="footer">
                <p>手机应用</p>
                <a href="#">Diamond kit 多用途UI 2.0</a>
                <p>概览 它的设计是为了加快你的创作进程</p>
                <div class="footer-in">
                  <ul class="footer-left">
                    <li>4年前</li>
                    <li>0</li>
                    <li>0</li>
                    <li>516</li>
                  </ul>
                  <ul>
                    <li>6</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="box">
              <span>VIP</span>
              <a href="#"></a>
              <div class="footer">
                <p>手机应用</p>
                <a href="#">Diamond kit 多用途UI 2.0</a>
                <p>概览 它的设计是为了加快你的创作进程</p>
                <div class="footer-in">
                  <ul class="footer-left">
                    <li>4年前</li>
                    <li>0</li>
                    <li>0</li>
                    <li>516</li>
                  </ul>
                  <ul>
                    <li>6</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="box">
              <span>VIP</span>
              <a href="#"></a>
              <div class="footer">
                <p>手机应用</p>
                <a href="#">Diamond kit 多用途UI 2.0</a>
                <p>概览 它的设计是为了加快你的创作进程</p>
                <div class="footer-in">
                  <ul class="footer-left">
                    <li>4年前</li>
                    <li>0</li>
                    <li>0</li>
                    <li>516</li>
                  </ul>
                  <ul>
                    <li>6</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="box">
              <span>VIP</span>
              <a href="#"></a>
              <div class="footer">
                <p>手机应用</p>
                <a href="#">Diamond kit 多用途UI 2.0</a>
                <p>概览 它的设计是为了加快你的创作进程</p>
                <div class="footer-in">
                  <ul class="footer-left">
                    <li>4年前</li>
                    <li>0</li>
                    <li>0</li>
                    <li>516</li>
                  </ul>
                  <ul>
                    <li>6</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="navto">
        <div class="nav-top">
          <h4>作者信息</h4>
          <div class="nav-top-in">
            <img src="./imgs/用户 访客数.svg" alt="" />
            <div class="nav-top-ins">
              油条
              <div>
                等级<span><img src="./imgs/砖石.svg" alt="" />普通用户</span>
              </div>
            </div>
          </div>
          <ul class="nav-top-buttom">
            <li class="col"><span>396</span><span>文章</span></li>
            <li class="col"><span>0</span><span>评论</span></li>
            <li class="col"><span>0</span><span>收藏</span></li>
          </ul>
          <div class="nav-top-footer">查看作者其他内容</div>
        </div>
        <div class="post">
          <div class="titles">下载</div>
          <div class="title">本资源需权限下载</div>
          <div class="Gold"><span>6</span>金币</div>
          <div class="triangle"></div>
          <ul>
            <a href="#">VIP折扣</a>
            <li><span>普通用户</span><span>6金币</span></li>
            <li><span>VIP会员</span><span>6金币</span></li>
            <li><span>永久VIP</span><span>免费</span></li>
          </ul>
          <button>购买下载权限</button>
          <button>查看预览</button>
          <ul>
            <li class="bars">包含资源:(2个)</li>
            <li class="bars">最近更新:2021-01-01</li>
            <li class="bars">格式:TXT</li>
            <li class="bars">大小: 1KB</li>
            <li class="bars">来源: 站外采集</li>
          </ul>
          <p>下载时遇到问题?可联系客服或反馈</p>
        </div>
        <div class="essay">
          <h4>文章展示</h4>
          <div class="colto">
            <a href="#"
              ><img
                src="https://assets.rizhuti.com/uploads/caiji/Diamond-kit-2.0.png"
                alt=""
              /></a
            >
            <span>卡拉OK传单模板V12</span>
          </div>
          <div class="colto">
            <a href="#"
              ><img
                src="https://assets.rizhuti.com/uploads/caiji/Diamond-kit-2.0.png"
                alt=""
              /></a>
              <span>Southgirl Handwritten Font MS</span>
          </div>
          <div class="colto">
            <a href="#"
              ><img
                src="https://assets.rizhuti.com/uploads/caiji/Diamond-kit-2.0.png"
                alt=""
              /></a
            >
            <span>极简现代冬季时装-手册</span>
          </div>
          <div class="colto">
            <a href="#"
              ><img
                src="https://assets.rizhuti.com/uploads/caiji/Diamond-kit-2.0.png"
                alt=""
              /></a
            >
            <span>Charism Signature Font</span>
          </div>
        </div>
        <div class="ranking">
          <h4>排行榜展示</h4>
          <ul>
            <li>付费视频功能演示介绍-多集</li>
            <li>付费视频功能演示介绍-多集</li>
            <li>付费视频功能演示介绍-多集</li>
            <li>付费视频功能演示介绍-多集</li>
            <li>付费视频功能演示介绍-多集</li>
            <li>付费视频功能演示介绍-多集</li>
            <li>付费视频功能演示介绍-多集</li>
            <li>付费视频功能演示介绍-多集</li>
          </ul>
        </div>
      </div>
    </main>
    <footer>
      <div class="footer-main">
        <div class="footer-main1">
          <img
            src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/logo.png"
            alt="logo"
          />
          <div class="logo">
            日主题v2是一款全新架构的Wordpress主题，兼容老款日主题，支持会员商城
            ，前后台界面均支持html5响应式布局，夜间模式一键切换。
          </div>
        </div>
        <ul>
          <li><h4>快速导航</h4></li>
          <li><a href="#">个人中心</a></li>
          <li><a href="#">标签云</a></li>
          <li><a href="#">网址导航</a></li>
        </ul>
        <ul>
          <li><h4>关于本站</h4></li>
          <li><a href="#">VIP介绍</a></li>
          <li><a href="#">客服咨询</a></li>
          <li><a href="#">推广计划</a></li>
        </ul>
        <div class="footer-main1">
          <h4>联系我们</h4>
          <div>
            <img
              src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/ritheme-qr.png"
              alt="二维码"
            />
            <img
              src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/ritheme-qr.png"
              alt="二维码"
            />
            <span
              >如有BUG或建议可与我们在线联系或登录本站账号进入个人中心提交工单。</span
            >
          </div>
        </div>
      </div>
      <p>Copyright © 2021 RiPro-V2 - All rights reserved</p>
      <p>
        <a href="#">京ICP备18888888号-1</a
        ><a href="#">京公网安备 188888888</a> |
        本站数据为演示数据，均来自互联网采集转载，仅供体验
      </p>
      <p>使用Redis缓存技术加速：SQL：29 | Pages：0.23166s</p>
    </footer>
  </body>
</html>
